<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 标题 -->
    <title>首页</title>
    <!-- 关键词 -->
    <meta name="keywords" content="" />
    <!-- 网站简介 -->
    <meta name="description" content="" />
    <!-- 自适应屏幕 -->
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
    <!-- IE兼容 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 最新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/bootstrap.css">
    <!-- 轮播图 CSS 文件 -->
    <link rel="stylesheet" href="css/banner.css" type="text/css">
    <!-- 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body >
    <div class="tongdui-wrapper">
        <!-- 顶部 -->
        <div class="usercerter-nav clearfix">
            <div class="left">
                <img src="images/avater.jpg" alt="">
            </div>
            <div class="right">
                <h4>喵呜酱</h4>
                <p><span>收藏商品(102)</span><span>收藏店铺(35)</span></p>
            </div>
        </div>
        <div class="usercenter-top">
            <div class="usercenter-order ">
                <a href="" class="clearfix">
                    <div class="left">我的订单</div>
                    <div class="right">查看全部订单<span class="iconfont">&#xe606;</span></div>
                </a>
            </div>
            <div class="usercenter-order-status clearfix">
                <a href="index.html" class="active">
                    <div class="iconfont">&#xe63d;</div>
                    待付款
                </a>
                <a href="sort.html" class="">
                    <div class="iconfont">&#xe686;</div>
                    待收货
                </a>
                <a href="shop.html" class="">
                    <div class="iconfont">&#xe627;</div>
                    待评价
                </a>
                <a href="cart.html" class="">
                    <div class="iconfont">&#xe69c;</div>
                    退换/售后
                </a>
            </div>
        </div>

        <div class="usercenter-center">
            <li>
                <a href="" class="clearfix">
                    <div class="left"><span class="iconfont" style="color:#ec3331">&#xe614;</span>账户管理</div>
                    <div class="right"><span class="iconfont">&#xe606;</span></div>
                </a>
            </li>
            <li>
                <a href="" class="clearfix">
                    <div class="left"><span class="iconfont" style="color:#18c6a3;">&#xe624;</span>账户余额</div>
                    <div class="right"><span class="iconfont">&#xe606;</span></div>
                </a>
            </li>
            <li>
                <a href="" class="clearfix">
                    <div class="left"><span class="iconfont" style="color:#f8a607;">&#xe65b;</span>积分</div>
                    <div class="right"><span class="iconfont">&#xe606;</span></div>
                </a>
            </li>
            <li>
                <a href="" class="clearfix">
                    <div class="left"><span class="iconfont" style="color:#ff2150;">&#xe7c6;</span>商品收藏</div>
                    <div class="right"><span class="iconfont">&#xe606;</span></div>
                </a>
            </li>
            <li>
                <a href="" class="clearfix">
                    <div class="left"><span class="iconfont" style="color:#0397fe;">&#xe60e;</span>商品关注</div>
                    <div class="right"><span class="iconfont">&#xe606;</span></div>
                </a>
            </li>
            <li>
                <a href="" class="clearfix">
                    <div class="left"><span class="iconfont" style="color:#76cf03;">&#xe61e;</span>我的足迹</div>
                    <div class="right"><span class="iconfont">&#xe606;</span></div>
                </a>
            </li>
        </div>

        <div class="usercenter-center">
            <li>
                <a href="" class="clearfix">
                    <div class="left"><span class="iconfont" style="color:#ff4b21;">&#xe616;</span>爱心捐赠</div>
                    <div class="right"><span class="iconfont">&#xe606;</span></div>
                </a>
            </li>
            <li>
                <a href="" class="clearfix">
                    <div class="left"><span class="iconfont" style="color:#ff7e00;">&#xe6a3;</span>我的奉献</div>
                    <div class="right"><span class="iconfont">&#xe606;</span></div>
                </a>
            </li>
            <li>
                <a href="" class="clearfix">
                    <div class="left"><span class="iconfont" style="color:#17c6ab;">&#xe61d;</span>梦想榜</div>
                    <div class="right"><span class="iconfont">&#xe606;</span></div>
                </a>
            </li>
            <li>
                <a href="" class="clearfix">
                    <div class="left"><span class="iconfont" style="color:#d09ed7;">&#xe60f;</span>资产包</div>
                    <div class="right"><span class="iconfont">&#xe606;</span></div>
                </a>
            </li>
            <li>
                <a href="" class="clearfix">
                    <div class="left"><span class="iconfont" style="color:#00b0fe;">&#xe676;</span>便民充值</div>
                    <div class="right"><span class="iconfont">&#xe606;</span></div>
                </a>
            </li>
        </div>

        <div class="usercenter-center">
            <li>
                <a href="" class="clearfix">
                    <div class="left"><span class="iconfont" style="color:#bcbf04;">&#xe610;</span>我的配送单</div>
                    <div class="right"><span class="iconfont">&#xe606;</span></div>
                </a>
            </li>
            <li>
                <a href="" class="clearfix">
                    <div class="left"><span class="iconfont" style="color:#aa0939;">&#xe629;</span>我的配送收入</div>
                    <div class="right"><span class="iconfont">&#xe606;</span></div>
                </a>
            </li>
            <li>
                <a href="" class="clearfix">
                    <div class="left"><span class="iconfont" style="color:#99aa09;">&#xe6f5;</span>补货单</div>
                    <div class="right"><span class="iconfont">&#xe606;</span></div>
                </a>
            </li>
            <li>
                <a href="" class="clearfix">
                    <div class="left"><span class="iconfont" style="color:#ff2150;">&#xe611;</span>税票单列表</div>
                    <div class="right"><span class="iconfont">&#xe606;</span></div>
                </a>
            </li>
            <li>
                <a href="" class="clearfix">
                    <div class="left"><span class="iconfont" style="color:#47512d;">&#xe63b;</span>核销水票</div>
                    <div class="right"><span class="iconfont">&#xe606;</span></div>
                </a>
            </li>
        </div>
      
        <div class="usercenter-bottom">
           <a href="" class="">
                会员升级
            </a>
        </div>
        
     
        <!-- 底部导航 -->
        <div class="foot-nav clearfix">
            <a href="index.html" class="">
                <div class="iconfont">&#xe729;</div>
                首页
            </a>
            <a href="sort.html" class="">
                <div class="iconfont">&#xe604;</div>
                分类
            </a>
            <a href="shop.html" class="">
                <div class="iconfont">&#xe603;</div>
                附近
            </a>
            <a href="cart.html" class="">
                <div class="iconfont">&#xe601;</div>
                购物车
            </a>
            <a href="usercenter.html" class="active">
                <div class="iconfont">&#xe614;</div>
                我的    
            </a>
        </div>

        <!-- 返回顶部 -->
        <div class="actGotop iconfont">
            &#xe63c;
        </div>
    </div>

    <!-- jQuery文件 -->
    <script src="js/jquery.min.js"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="js/bootstrap.min.js"></script>

    <!-- 返回顶部 -->
    <script>
        $(function(){ 
          $(window).scroll(function() {   
            if($(window).scrollTop() >= 50){
              $('.actGotop').fadeIn(300); 
            }else{    
              $('.actGotop').fadeOut(300);    
            }  
          });
          $('.actGotop').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);}); 
        });
    </script>
    
</body>
</html>
